<!DOCTYPE html>
<meta charset="UTF-8">
<h2>常用按钮</h2>
<div style="padding: 1px; float: left">
	<a href="#" data-type="button" onclick="test()">常规按钮</a>
	<a href="#" data-type="button" data-define="iconCls:'icon-add'">新增</a>
	<a href="#" data-type="button" data-define="iconCls:'icon-delete'">删除</a>
	<a href="#" data-type="button" data-define="iconCls:'icon-save'">保存</a>
	<a href="#" data-type="button" data-define="iconCls:'icon-cut',disabled:true">剪切</a>
	<a href="#" data-type="button" data-define="iconCls:'icon-remove','width':180" style="color: red; width: 180">
		<span style="color: red">自定义颜色</span>
	</a>
	<a href="#" data-type="button" data-define="iconCls:'icon-remove','width':150">自定义长度</a>
	<a href="#" data-type="button" data-define="iconCls:'icon-add','iconAlign':'right','width':80">图片靠右</a>
</div>
<div style="padding: 1px; float: left">
	<h2>
		<br>html5按钮
	</h2>
	<a href="#" data-type="abutton" onclick="test()">常规按钮</a>
	<a href="#" data-type="abutton" data-define="iconCls:'icon-add'">新增</a>
	<a href="#" data-type="abutton" data-define="iconCls:'icon-delete'">删除</a>
	<a href="#" data-type="abutton" data-define="iconCls:'icon-save'">保存</a>
	<a href="#" data-type="abutton" data-define="iconCls:'icon-cut',disabled:true">剪切</a>
	<a href="#" data-type="abutton" data-define="iconCls:'icon-remove','width':180" style="color: red; width: 180">
		<span style="color: red">自定义颜色</span>
	</a>
	<a href="#" data-type="abutton" data-define="iconCls:'icon-remove','width':150">自定义长度</a>
	<a href="#" data-type="abutton" data-define="iconCls:'icon-add','iconAlign':'right','width':80">图片靠右</a>
</div>
<script type="text/javascript">
	function test() {
	    alert();
    }
</script>
